<template>
  <div class="loadEnd">
    <span class="beforeLine"></span>
    <span class="loadEnd-text">加载完毕</span>
    <span class="afterLine"></span>
  </div>
</template>

<style lang="scss">
.loadEnd {
  font-size: 24rpx;
  line-height: 40px;
  padding-top: 12px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  .loadEnd-text {
    width: 100px;
    flex-shrink: 0;
    text-align: center;
  }
  .beforeLine {
    flex: 1;
    height: 1px;
    background: rgba(0,0,0,0.2);
  }
  .afterLine {
    flex: 1;
    height: 1px;
    background: rgba(0,0,0,0.2);
  }
}
</style>